*{
    padding:0;
    margin:0;
}
html,body{
    height:100%;
}
.container{
    width: 480px;
    height:100%;
    position: relative;
}
.banner{
    width: 480px;
    height:100%;
}
.banner img{
    width: 480px;
    height:100%;
    display: block;
}
.content{
    width:336px;
    height:260px;
    position: absolute;
    top:100px;
    left:50px;
    /*background:red;*/
}
.login{
    width:336px;
    height:257px;
    position: absolute;
    top:0;
    left:0;
}
.login img{
    width:336px;
    height:257px;
    display: block;
}
.bolang{
    width:60px;
    height:28px;
    position: absolute;
    top:230px;
    right:0;
}
.bolang img{
    width:60px;
    height:28px;
    display: block;
}
.arrow{
    width:480px;
    height:255px;
    position: absolute;
    left:0;
    bottom:40px;
    overflow: hidden;
}
.arrow-con{
    width:90%;
    height:255px;
    margin:auto;
}
.arrow-left1{
    width:20%;
    height:255px;
    float:left;
    position: relative;
}
.arrow-left1 img{
    width:86px;
    height:182px;
    position: absolute;
    left:4px;
    bottom:-23px;
}
.arrow-left1 span{
    color:#333;
    font-size:16px;
    text-align: center;
    display: block;
    position: absolute;
    left:27px;
    top:160px;
    font-weight: bold;
}
.arrow-left2{
    width:20%;
    height:255px;
    float:left;
    position: relative;
}
.arrow-left2 img{
    width:86px;
    height:200px;
    position: absolute;
    left:4px;
    bottom:-15px;
}
.arrow-left2 span{
    color:#333;
    font-size:16px;
    text-align: center;
    display: block;
    position: absolute;
    left:25px;
    top:140px;
    font-weight: bold;
}
.arrow-left3{
    width:20%;
    height:255px;
    float:left;
    position: relative;
}
.arrow-left3 img{
    width:86px;
    height:255px;
    position: absolute;
    left:4px;
    bottom:-16px;
}
.arrow-left3 span{
    color:#333;
    font-size:16px;
    text-align: center;
    display: block;
    position: absolute;
    left:26px;
    top:85px;
    font-weight: bold;
}
.arrow-left4{
    width:20%;
    height:255px;
    float:left;
    position: relative;
}
.arrow-left4 img{
    width:86px;
    height:200px;
    position: absolute;
    left:4px;
    bottom:-18px;
}
.arrow-left4 span{
    color:#333;
    font-size:16px;
    text-align: center;
    display: block;
    position: absolute;
    left:26px;
    top:140px;
    font-weight: bold;
}
.arrow-left5{
    width:20%;
    height:255px;
    float:left;
    position: relative;
}
.arrow-left5 img{
    width:86px;
    height:182px;
    position: absolute;
    left:4px;
    bottom:-21px;
}
.arrow-left5 span{
    color:#333;
    font-size:16px;
    text-align: center;
    display: block;
    position: absolute;
    left:27px;
    top:165px;
    font-weight: bold;
}

